import React, { useEffect } from 'react'
import { Request } from "@/utils/request.js";
import { Form } from 'antd';
import style from './index.module.css';
export default function PersonalDetails(props) {

  const [personData, setPersonData] = React.useState({});

  const { id } = props
  useEffect(() => {
    const data = { pid: id }
    Request('scientificResearchManagementSystem/getOneById', data).then((res) => {
      const { data } = res.data;
      setPersonData(data);
    });
  }, [])

  return (
    <div className={style.container}>
      <Form data={personData}>
        <div className={style.thesisInformation}>
          <Form.Item>
            <div className={style.row}>
              <div className={style.title}>论文类别</div>
              <div className={style.info}>{personData.category}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>论文题目</div>
              <div className={style.info}>{personData.dissertationTitle}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>论文级别</div>
              <div className={style.info}>{personData.dissertationLevel}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>作者</div>
              <div className={style.info}>{personData.author}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>作者身份</div>
              <div className={style.info}>{personData.authorship}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>科室</div>
              <div className={style.info}>{personData.department}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>责任作者岗位</div>
              <div className={style.info}>{personData.responsibleAuthorPosition}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>期刊或杂志名称</div>
              <div className={style.info}>{personData.nameOfTheJournal}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>论文见刊时间</div>
              <div className={style.info}>{personData.dateOfPublication}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>起止页码</div>
              <div className={style.info}>{personData.startAndEndPageNumbers}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>收录证明</div>
              <div className={style.info}>{personData.proofOfInclusion}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>支撑材料</div>
              <div className={style.info}>{personData.supportMaterial}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>科研诚信承诺书</div>
              <div className={style.info}>{personData.letterOfCommitment}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>2023年影响因子</div>
              <div className={style.info}>{personData.impactFactor}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>DOI</div>
              <div className={style.info} >{personData.doi}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>ISSN</div>
              <div className={style.info}>{personData.issnNum}</div>
            </div>
            <div className={style.row}>
              <div className={style.title}>备注</div>
              <div className={style.info}>{personData.remarks}</div>
            </div>

          </Form.Item>
        </div>
        <div className={style.authorInformation}>

        </div>
      </Form>
    </div>
  )
}
